<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%
	String path = request.getContextPath() + "/";
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>朗读排行统计</title>
<link rel="stylesheet" type="text/css" href="css/c_bookcount.css" />
</head>
<body style="background: #f0f0f0;min-width: 1000px;">
	<div class="content">
		<div class="row">
			<div class="info-box-content">
				<img src="img/rc_1.png" />
				<p>总人数：<small> ${us }人</small></p>
			</div>

			<div class="info-box-content">
				<img src="img/rc_2.png" />
				<p>刷卡数：<small>${ss }次</small></p>
			</div>

			<div class="info-box-content">
				<img src="img/rc_3.png" />
				<p>素材数：<small>${ms }篇</small></p>
			</div>
			<div class="info-box-content">
				<img src="img/rc_4.png" />
				<p>朗读数：<small>${rs }次</small></p>
			</div>
			<div class="cf"></div>
		</div>
		<!-- /.row -->

		<div class="box-header">
			<h3 class="box-title">朗读排行榜</h3>
			<div class="box-body">
				<table class="table">
					<thead>
						<tr>
							<th width="100px;">姓名</th>
							<th width="120px;">卡号</th>
							<th>朗读素材</th>
							<th width="80px;">围观次数</th>
							<th>时间</th>
							<th>更多</th>
						</tr>
					</thead>
					<tbody id="rangecount">
						<c:forEach var="r" items="${rlist }">
							<tr>
								<td class="w100">${r.name}</td>
								<td>${r.cardno }</td>
								<td class="w140" title="${r.title }">${r.title }</td>
								<td>${r.watchtimes }</td>
								<td>${r.readdate.substring(0,10)}</td>
								<td>dd</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
			<!-- /.box-body -->
		</div>

		<!-- 图书借阅排行榜 -->
		<div class="box-header" style="float: right;margin-right: 1%;">
			<h3 class="box-title" style="background:#638ec6;">用户排行榜</h3>
			<div class="box-body">
				<table class="table">
					<thead>
						<tr>
							<th>姓名</th>
							<th>卡号</th>
							<th>朗读次数</th>
							<th>刷卡次数</th>
						</tr>
					</thead>
					<tbody id="range">
						<c:forEach var="r" items="${ulist }">
							<tr>
								<td class="w120 text-overflow">${r.name }</td>
								<td>${r.cardno }</td>
								<td>${r.readtimes }</td>
								<td>${r.scardtimes }</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
				<!-- /.box-footer -->
			</div>
			<!-- /.box-body -->

			<!-- 图书借阅排行榜 -->
		</div>
	</div>
	<!--end content-->
</body>
</html>
